<template>
  <div>
    <table class="table1 owntable tableLayout mb20" border="0" cellspacing="0" cellpadding="1" width="100%">
      <tr>
        <td width="150">设计开发计划管理编号</td>
        <td>{{ item.number }}</td>
       <td width="150">管理部门</td>
       <td>{{ item.manageDeptName }}</td>
      </tr>
      <tr>
        <td>负责人</td>
        <td>{{ item.manageUserName }}</td>
        <td>编制部门</td>
        <td>{{ item.createDeptName }}</td>
      </tr>
    </table>

    <div class="f14 mb20">产品信息如下：</div>
    <table class="table1 owntable tableLayout mb20" border="0" cellspacing="0" cellpadding="1" style="width: 100%;">
      <tr>
        <td class="gray_bg">产品名称</td>
        <td class="gray_bg">规格型号</td>
        <td class="gray_bg">产品编号</td>
        <td class="gray_bg">产品有效期</td>
      </tr>
      <tr  v-for="(v, k) in item.productList" :key="index">
        <td class="white_bg">{{v.name}}</td>
        <td class="white_bg">{{v.code}}</td>
        <td class="white_bg">{{v.skus}}</td>
        <td class="white_bg">{{ v.validityPeriod }}</td>
      </tr>
    </table>

    <table class="table1 owntable tableLayout mb20" border="0" cellspacing="0" cellpadding="1" width="100%" v-if="item.deviceList && item.deviceList.length != 0">
      <tr>
        <td class="gray_bg">设备名称</td>
        <td class="gray_bg">设备型号</td>
        <td class="gray_bg">设备编号</td>
      </tr>
      <tr v-for="(v, i) in item.deviceList" :key="i">
        <td class="white_bg">{{ v.deviceName }}</td>
        <td class="white_bg">{{ v.deviceModel }}</td>
        <td class="white_bg">{{ v.deviceNumber }}</td>
      </tr>
    </table>
  </div>
</template>

<script>
export default {
  props: {
    item: {}
  },
  data() {
    return {
      dataList: []
    };
  },
  methods: {
    getTypeName(purchaseType) {
      let purchaseTypeList = ['原材料信息如下:', '设备信息如下:', '外包服务商信息如下:', '计算机软件信息如下:'];
      return purchaseTypeList[purchaseType];
    }
  }
};
</script>

<style></style>
